

let miniapp_list=document.querySelector('#miniapp_list');
let icons=miniapp_list.querySelectorAll('.icon');
let tab_conts=document.querySelectorAll('.tab_cont');


//小程序列表 切换
icons.forEach((item,index) => {
    item.onmouseover=function(){
        //清除其他li中的active类
        icons.forEach((e,i)=>{
            i=i+1;
            e.className='icon icon'+i;
        })

        tab_conts.forEach((e,i)=>{
            i++;
            e.style.animation=" fadeOut 2s";
            e.style.display='none';
        })
        //给当前li增加active类
        this.className='icon icon active_icon'+(index+1);

       // 对应的内容块切换
       tab_conts[index].style. animation=" fadeIn 2s";
       tab_conts[index].style.display='block';
        
    }
})

// console.log(icons[0].classList.contains('icon1_active'));  判断是否包含某种类




